<!DOCTYPE html>
<html>
<head>
	<title><?php echo htmlspecialchars(SITE_NAME); ?></title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script src="openlayers/lib/OpenLayers.js"></script>
	<script src="js/facilities.js"></script>
	<link rel="stylesheet" href="css/main.css" />
</head>
<body onload="init();">
	<div id="categories">
	<header>
		<h1><a href="./"><?php echo htmlspecialchars(SITE_NAME); ?></a></h1>
	</header>
<!--	<form>Sök område: <input /><input type="submit" /></form> -->
	<form action="./" method="get"><label for="cat">Välj kategorier:</label>
	<select id="btype" name="btype[]" size="4" multiple="multiple" onchange="update_markers();">
<?php
	foreach ($facilities->get_buildingtypes() as $name) {
		$selected = false;
		if (!empty($current) && $current->Buildingtype==$name) {
			$selected = true;
		} elseif (in_array($name, $buildingtype)) {
			$selected = true;
		}
		printf('<option value="%1$s"%3$s>%1$s (%2$d)</option>',
				htmlspecialchars($name),
				$facilities->count_buildingtype($name),
				$selected ? 'selected' : '');
	}
?>
	</select>
	<input type="submit" value="Filtrera" onclick="update_markers();return false;" /></form>
	<footer>
		Geografisk data kommer från <a href="http://openumea.se/">openumea.se</a> och är fritt licensierat. Ingen garanti kan ges på att datat stämmer och eventuella kommentarer och bilder tar respektive uppladdare fullt ansvar för själv. Allt material på sidan är licensierat under CC:by-sa (attribution + share alike).
	</footer>
	</div>
	<div id="facility-list">
<?php
	echo $facilities->facility_list_html($btype);
?>
	</div>
	<div id="mapdiv"></div>
	<article id="facility-data">
<?php
	if (!empty($current)) {
		echo $current->full_html();
	}
?>
	</article>
</body>
</html>
